<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="郝天翔"/>
		<title>郝天翔老师的博客</title>
	</head>
	<body>
		<h1 align="center">什么是前端技术</h1>
		<p align="right">2019年09月02日 15:25:08&nbsp; 郝天翔 &nbsp;阅读数：10w+</p> 
		<hr >
		<p align="right"><strong><em>转载请注明作者，标注原文出处</em></strong></p>
		<p align="center"><img src="img/img1.jpg"></p>
		
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>前端</strong>分为<q>web前端</q>与“移动前端”；</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#menu">传送门：前端三大核心技术</a></p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;随着互联网的到来与飞速发展，网站开发人员变得紧俏起来<em>(前端工程师是由网站开发人员演变而来)</em>，最初由网站开发人员负责网站的设计与制作，后来，随着用户体验的逐渐提升，开发难度也越来越大，出现了明确的分工：</p>
		<ol type="1">
			<li>由UI设计师负责视觉设计做出高保真效果图</li>
			<li>前端负责将UI做出的高保真效果图用代码制作成带有逻辑的网页</li>
			<li>服务器开发人员负责数据存取与接口管理</li>
		</ol>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;早期的前端的工作内容主要是用表格进行布局，中期发展为DIV+CSS网站重构，用<abbr title="Javascript">JS</abbr>作为web 2.0主力开发语言，让互动、留言、微博关注成为可能。如今发展为用Vue框架来搭建web3.0时代的互联网产品，一套前端代码可以适配多个终端，覆盖手机、平板、电脑、电视、机顶盒、手表、手环、VR眼镜等智能设备。从此，上网用户可以和硬件终端进行24小时不间断的信息交换。如利用手环与keep来记录运动数据，用VR眼镜来玩虚拟现实体感游戏等。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;前端工程师的工作重点是把控用户交互体验感，理解用户需求，处理业务逻辑，紧密的与服务端数据库人员沟通数据返回方式，与UI设计师沟通图片切片配色效果。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;要学习前端三大核心基础知识，不得不提W3C组织，也就是“万维网联盟”，创建于1994年，是前端技术领域最具权威和影响力的国际中立性质的技术标准组织机构。W3C专门负责制定前端标准，如今所用的网页技术全部都是基于W3C标准来实现的。</p>
		<a name="menu"></a>
		<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;前端三大核心技术包括：HTML+CSS+JS</h4> 
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HTML是超文本标记语言，它用来规范网页结构标准，相当于人的骨架架构。它消除了不同计算机之间信息交流的障碍。因此，它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。超文本指的是页面内可以包含图片、链接、甚至音乐、视频、程序等非文字的元素。结构分为头部与主体，头部包含网页的总体信息，主体部分提供网页的具体内容。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CSS是层叠样式表，它用来规范网页的样式标准，相当于给人化妆，让人的整体形象更美。CSS不仅可以静态的修饰网页，也可以配合JS脚本语言动态对网页各个元素进行样式化，CSS能够对网页中的元素位置进行排版布局，进行像素级的精确控制，支持世界上所有的字体，字号与字体颜色，对网页元素对象进行编辑的能力</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Javascript是网络脚本语言，已广泛的应用于各领域当中，它用来规范网页的行为标准，相当于人舞动起来，会让网页变得更生动。是动态功能的集中体现，为用户提供更流畅美观的动态效果，它的解释器叫做JS引擎，是浏览器内核的一部分，因此JS脚本语言是由浏览器边解释边渲染成节目元素的，通常JS嵌入于HTML文件当中。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;三大核心技术支持着互联网技术的发展，缺一不可，W3C规定需要将网页的结构、样式、行为相分离，形成MVC三层架构，也就是Model、View、Controller，这里的Model就是用于网页描述的HTML结构层，CSS用于描述网页样式相当于看到的View层，JS用于调用数据，展现逻辑结果，我们叫它控制器Controller层。</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我制作的教程，贯穿HTML、CSS、Javascript、JQuery、Vue制作H5网页、APP、小程序项目，如果用盖房子的例子来说明，那就是教同学们从打地基做框架结构HTML开始，再到用CSS刷漆装修，再到用JS设置智能家居与我们互动起来，最后用Vue连接到互联网与世界上的其他人们方便快捷的交流起来。</p>
		<p></p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最后，我引用一句诗，来明确下学习态度：</p>
		 <p>宝剑锋从磨砺出，<br>梅花香自苦寒来!</p> 
		 <em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;——明朝朱熹《警世贤文之勤奋篇》</em>
		<hr >
		<p align="center">郝天翔&copy;版权所有 &nbsp;半圆学社&reg;</p>
		<p align="center">&rArr;&nbsp; 郝老师的喜马拉雅电台：<a target="_blank" href="https://www.ximalaya.com/album/56904045">《听学前端开发》</a></p>
	</body>
</html>
